<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form" styleClass="login">
				<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.certificado}</h:outputLink>
							</div>
						</td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText
						value="Certificado por alumno. Se deben permitir las ventanas emergentes de este sitio para visualizar el certificado."
						style="text-align:left;" />
				</p:panel>
				<p:panel>
					<h:panelGrid columns="3">
						<h:outputText value="Referencia" />
						<p:selectOneMenu value="#{beanCerti.idCursoSelected}">
							<f:selectItem itemLabel="Selecciona una referencia" itemValue="0"
								noSelectionOption="true" />
							<f:selectItems value="#{beanCerti.listSelectCursos}" />
						</p:selectOneMenu>
						<p:commandButton value="#{msg.aceptar}" 
							actionListener="#{beanCerti.buscaAlumnos}" update=":form:panel1 growl" />
					</h:panelGrid>
				</p:panel>
				<p:separator></p:separator>
				<p:panel id="panel1" visible="#{beanCerti.displayPanel1}">
					<p:dataTable id="table" value="#{beanCerti.listAlumnos}" var="item"
						rowKey="#{item.idAlumno}" paginator="true" emptyMessage="No se encuentran registros"
						selection="#{beanCerti.selectedAlumnos}"
						paginatorPosition="bottom" rows="#{beanTabla.noRegistros}">
						<p:column selectionMode="multiple" style="width:2%" />
						<p:column headerText="Alumnos">
							<h:outputText value="#{item.nombre}" />
						</p:column>
					</p:dataTable>
					<h:panelGroup>
						<h:panelGrid columns="3" style="text-align:left;">
							<h:outputText value="#{msg.registrosPP}"
								style="font-size:x-small" />
							<h:panelGroup>
								<h:inputText size="3"
									style="font-size:x-small; height:15px; width:25px"
									value="#{beanTabla.registros}" id="noRegistrosPP" />
								<p:watermark value="#{beanTabla.noRegistros}"
									for="noRegistrosPP" />
							</h:panelGroup>
							<p:commandButton icon="ui-icon-arrowrefresh-1-w"
								style="font-size:x-small" update="table"
								actionListener="#{beanTabla.actualizaRegistros}" />
						</h:panelGrid>
					</h:panelGroup>
					<p:separator></p:separator>
					<h:panelGrid columns="2" style="width:100%; text-align:left;">
						<h:outputText value="Folio"/>
						<p:inputText style="width:100%;"  value="#{beanCerti.folio}" />
						<h:outputText value="Leyenda 1"/>
						<p:inputText style="width:100%;" value="#{beanCerti.leyenda1}" />
						<h:outputText value="Leyenda 2"/>
						<p:inputText style="width:100%;" value="#{beanCerti.leyenda2}" />
					</h:panelGrid>
					<h:panelGrid style="text-align:rigth;" columns="2">
						 <p:commandButton value="Previsualizar" actionListener="#{beanCerti.emiteCertificados}"  update="@all" process="@all"/>
						  <p:commandButton value="Descargar" actionListener="#{beanCerti.descargarCertificado}"/>
					</h:panelGrid>
				</p:panel>
				<p:panel id="panelReporte" header="Visualizador" rendered="#{beanCerti.mostrarPanelReporte}">
					<p:media value="#{beanCerti.pdfPath}" width="100%"
						height="500px">
					</p:media>
				</p:panel>
				<!-- 
				<p:panel id="panel" header="Reporte Instructor" closable="false">
					<p:commandButton value="Imprimir" icon="ui-icon-print"
						update="@all"
						actionListener="#{beanReporteInstructor.mostrarReporte}"
						styleClass="ui-priority-primary" />
					<p:commandButton value="Previsualizar"
						actionListener="#{beanReporteInstructor.previsualizarReporte2}"
						update="@all" process="@all" />
				</p:panel>
				<p:spacer />
				<p:panel header="Visualizador"
					rendered="#{beanReporteInstructor.mostrarPanelReporte}"
					id="panelReporte">
					<p:media value="#{beanReporteInstructor.pdfPath}" width="100%"
						height="500px">
					</p:media>
				</p:panel>
				-->
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>